﻿<%@ page language="java"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
    <jsp:include page="/meta.jsp"></jsp:include>
</head>

<body>
    <!-- Main Wrapper Start -->
    <div class="wrapper bg--shaft">
    
    
    	<jsp:include page="/head.jsp"></jsp:include>
       

        <!-- Main Content Wrapper Start -->
        <div class="main-content-wrapper">
            <!-- Slider area Start -->

            <div class="slider-area">
                <div class="homepage-slider">
                    <!-- Single Slide Start -->
                    <div class="single-slider content-v-center" style="background-image: url(assets/img/slider/slider1-mirora1-1920x634.jpg)">
                        <div class="container">
                            <div class="row">
                                <div class="col-12">
                                    <div class="slider-content">
                                        <h5 data-animation="rollIn" data-duration=".8s" data-delay=".5s">Exclusive Offer -20% Off This Week</h5>
                                        <h1 data-animation="fadeInDown" data-duration=".8s" data-delay=".2s">H-Vault Classico</h1>
                                        <p class="mb--30 mb-sm--20" data-animation="fadeInDown" data-duration=".8s" data-delay=".2s">H-Vault Watches Are A Lot Like Classic American Muscle Cars - Expect For The American Part That Is. </p>
                                        <p class="mb--50 mb-sm--20" data-animation="fadeInDown" data-duration=".8s" data-delay=".2s">Starting At <strong>$1.499.00</strong></p>
                                        <div class="slide-btn-group" data-animation="fadeInUp" data-duration="1s" data-delay=".3s">
                                            <a href="/shop.html" class="btn btn-bordered btn-style-1">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single Slide End -->

                    <!-- Single Slide Start -->
                    <div class="single-slider content-v-center" style="background-image: url(assets/img/slider/slider2-mirora1-1920x634.jpg)">
                        <div class="container">
                            <div class="row">
                                <div class="col-12">
                                    <div class="slider-content">
                                        <h5 data-animation="rollIn" data-duration=".8s" data-delay=".5s">Exclusive Offer -20% Off This Week</h5>
                                        <h1 data-animation="fadeInDown" data-duration=".8s" data-delay=".2s">H-Vault Classico</h1>
                                        <p class="mb--30 mb-sm--20" data-animation="fadeInDown" data-duration=".8s" data-delay=".2s">H-Vault Watches Are A Lot Like Classic American Muscle Cars - Expect For The American Part That Is. </p>
                                        <p class="mb--50 mb-sm--20" data-animation="fadeInDown" data-duration=".8s" data-delay=".2s">Starting At <strong>$1.499.00</strong></p>
                                        <div class="slide-btn-group" data-animation="fadeInUp" data-duration="1s" data-delay=".3s">
                                            <a href="/shop.html" class="btn btn-bordered btn-style-1">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single Slide End -->

                    <!-- Single Slide Start -->
                    <div class="single-slider content-v-center" style="background-image: url(assets/img/slider/slider2-mirora1-1920x634.jpg)">
                        <div class="container">
                            <div class="row">
                                <div class="col-12">
                                    <div class="slider-content">
                                        <h5 data-animation="rollIn" data-duration=".3s" data-delay=".5s">Exclusive Offer -20% Off This Week</h5>
                                        <h1 data-animation="fadeInDown" data-duration=".8s" data-delay=".3s">H-Vault Classico</h1>
                                        <p class="mb--30 mb-sm--20" data-animation="fadeInDown" data-duration=".8s" data-delay=".3s">H-Vault Watches Are A Lot Like Classic American Muscle Cars - Expect For The American Part That Is. </p>
                                        <p class="mb--50 mb-sm--20" data-animation="fadeInDown" data-duration=".8s" data-delay=".3s">Starting At <strong>$1.499.00</strong></p>
                                        <div class="slide-btn-group" data-animation="fadeInUp" data-duration="1s" data-delay=".3s">
                                            <a href="/shop.html" class="btn btn-bordered btn-style-1">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single Slide End -->
                </div>
            </div>

            <!-- Slider area End -->

           <jsp:include page="/prom.jsp"></jsp:include>
            
            
            <!-- Products Tab area Start -->

            <div class="product-tab pt--80 pb--60 pt-md--60 pb-md--45">
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center">
                        
                        
                            <ul class="nav nav-tabs product-tab__head" id="product-tab" role="tablist">
                                <li class="product-tab__item nav-item active">
                                    <a class="product-tab__link nav-link active" id="nav-featured-tab" data-toggle="tab" href="#nav-featured" role="tab" aria-selected="true">Featured</a>
                                </li>
                            </ul>
                            
                            <div class="tab-content product-tab__content" id="product-tabContent">
                                <div class="tab-pane fade show active" id="nav-featured" role="tabpanel">
                                    <div class="product-carousel js-product-carousel">
                                        <div class="product-carousel-group">
                                            <div class="mirora-product" id="artist01">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mirora-product" id="artist02">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-carousel-group">
                                            <div class="mirora-product" id="artist01">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mirora-product" id="artist01">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-carousel-group">
                                            <div class="mirora-product" id="artist01">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mirora-product" id="artist01">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-carousel-group">
                                            <div class="mirora-product" id="artist01">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mirora-product" id="artist01">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-carousel-group">
                                            <div class="mirora-product" id="artist01">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mirora-product" id="artist01">
                                                <div class="product-img">
                                                    <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                                    <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                                    <div class="product-img-overlay">
                                                        <span class="product-label discount">
                                                            -0%
                                                        </span>
                                                        <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <span class="series">Series</span>
                                                    <h4><a class="pname" href="#">Customized Watch</a></h4>
                                                    <div class="product-price-wrapper">
                                                        <span class="money">$0.00</span>
                                                        <span class="product-price-old">
                                                            <span class="market">$0.00</span>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="mirora_product_action text-center position-absolute">
                                                    <div class="product-rating">
                                                        <span>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star theme-star"></i>
                                                            <i class="fa fa-star"></i>
                                                        </span>
                                                    </div>
                                                    <p class="pinfo">
                                                      It is a long story......
                                                    </p>
                                                    <div class="product-action">
                                                        <a class="same-action" href="#" title="wishlist">
                                                            <i class="fa fa-heart-o"></i>
                                                        </a>
                                                        <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                                        <a class="same-action compare-mrg" href="#">
                                                            <i class="fa fa-sliders fa-rotate-90"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Products Tab area End -->
            

           

            <!-- Banner area Start -->

            <section class="banner-area banner-bg-1 ptb--80 ptb-md--60">
                <div class="banner-box text-center">
                    <h5 class="banner__label">Sale Off 20% All Products</h5>
                    <h2 class="banner__name">New Trending Collection</h2>
                    <p class="banner__text mb--50 mb-md--20">We Believe That Good Design is Always in Season</p>
                    <a href="/shop.jsp" class="btn btn-bordered btn-style-1">Shop Now</a>
                </div>
            </section>      

            <!-- Banner area End -->
            
            
            
            
            
            
            
            
               <!-- Corporate area Start -->

            <div class="corporate-area border-top border-bottom ptb--80 ptb-md--60">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6 mb-sm--30">
                            <div class="corporate-2 text-center">
                                <i class="fa fa-globe"></i>
                                <h3>Quick Shipping</h3>
                                <p>Paid -> delivery in 7 days</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 mb-sm--30">
                            <div class="corporate-2 text-center">
                                <i class="fa fa-check-square-o"></i>
                                <h3>Money Return</h3>
                                <p>Back guarantee under 7 days</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 mb-xsm--30">
                            <div class="corporate-2 text-center">
                                <i class="fa fa-bell"></i>
                                <h3>Member Discount</h3>
                                <p>Onevery order over $120.00</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="corporate-2 text-center">
                                <i class="fa fa-clock-o"></i>
                                <h3>Online Support</h3>
                                <p>Support online 24 hours a day</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Corporate area End -->
            
            
            
            
            
            
            
            
            
            
            

            <!-- Most Viewed Product area Start -->

            <section class="mostviewed-product-area border-bottom pt--80 pb--60 pt-md--60 pb-md--50">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="section-title mb--15">
                                <h2 class="color--white">Mostviewed Products</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row no-gutters">
                        <div class="col-12">
                            <div class="product-carousel nav-top js-product-carousel-2">
                                <div class="mirora-product" id="artist01">
                                    <div class="product-img">
                                        <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                        <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                        <div class="product-img-overlay">
                                            <span class="product-label discount">
                                                -0%
                                            </span>
                                            <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <span class="series">Series</span>
                                        <h4><a class="pname" href="#">Customized Watch</a></h4>
                                        <div class="product-price-wrapper">
                                            <span class="money">$0.00</span>
                                            <span class="product-price-old">
                                                <span class="market">$0.00</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="mirora_product_action text-center position-absolute">
                                        <div class="product-rating">
                                            <span>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star"></i>
                                            </span>
                                        </div>
                                        <p class="pinfo">
                                          It is a long story......
                                        </p>
                                        <div class="product-action">
                                            <a class="same-action" href="#" title="wishlist">
                                                <i class="fa fa-heart-o"></i>
                                            </a>
                                            <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                            <a class="same-action compare-mrg" href="#">
                                                <i class="fa fa-sliders fa-rotate-90"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="mirora-product" id="artist01">
                                    <div class="product-img">
                                        <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                        <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                        <div class="product-img-overlay">
                                            <span class="product-label discount">
                                                -0%
                                            </span>
                                            <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <span class="series">Series</span>
                                        <h4><a class="pname" href="#">Customized Watch</a></h4>
                                        <div class="product-price-wrapper">
                                            <span class="money">$0.00</span>
                                            <span class="product-price-old">
                                                <span class="market">$0.00</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="mirora_product_action text-center position-absolute">
                                        <div class="product-rating">
                                            <span>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star"></i>
                                            </span>
                                        </div>
                                        <p class="pinfo">
                                          It is a long story......
                                        </p>
                                        <div class="product-action">
                                            <a class="same-action" href="#" title="wishlist">
                                                <i class="fa fa-heart-o"></i>
                                            </a>
                                            <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                            <a class="same-action compare-mrg" href="#">
                                                <i class="fa fa-sliders fa-rotate-90"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="mirora-product" id="artist01">
                                    <div class="product-img">
                                        <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                        <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                        <div class="product-img-overlay">
                                            <span class="product-label discount">
                                                -0%
                                            </span>
                                            <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <span class="series">Series</span>
                                        <h4><a class="pname" href="#">Customized Watch</a></h4>
                                        <div class="product-price-wrapper">
                                            <span class="money">$0.00</span>
                                            <span class="product-price-old">
                                                <span class="market">$0.00</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="mirora_product_action text-center position-absolute">
                                        <div class="product-rating">
                                            <span>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star"></i>
                                            </span>
                                        </div>
                                        <p class="pinfo">
                                          It is a long story......
                                        </p>
                                        <div class="product-action">
                                            <a class="same-action" href="#" title="wishlist">
                                                <i class="fa fa-heart-o"></i>
                                            </a>
                                            <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                            <a class="same-action compare-mrg" href="#">
                                                <i class="fa fa-sliders fa-rotate-90"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="mirora-product" id="artist01">
                                    <div class="product-img">
                                        <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                        <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                        <div class="product-img-overlay">
                                            <span class="product-label discount">
                                                -0%
                                            </span>
                                            <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <span class="series">Series</span>
                                        <h4><a class="pname" href="#">Customized Watch</a></h4>
                                        <div class="product-price-wrapper">
                                            <span class="money">$0.00</span>
                                            <span class="product-price-old">
                                                <span class="market">$0.00</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="mirora_product_action text-center position-absolute">
                                        <div class="product-rating">
                                            <span>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star"></i>
                                            </span>
                                        </div>
                                        <p class="pinfo">
                                          It is a long story......
                                        </p>
                                        <div class="product-action">
                                            <a class="same-action" href="#" title="wishlist">
                                                <i class="fa fa-heart-o"></i>
                                            </a>
                                            <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                            <a class="same-action compare-mrg" href="#">
                                                <i class="fa fa-sliders fa-rotate-90"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="mirora-product" id="artist01">
                                    <div class="product-img">
                                        <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                        <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                        <div class="product-img-overlay">
                                            <span class="product-label discount">
                                                -0%
                                            </span>
                                            <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <span class="series">Series</span>
                                        <h4><a class="pname" href="#">Customized Watch</a></h4>
                                        <div class="product-price-wrapper">
                                            <span class="money">$0.00</span>
                                            <span class="product-price-old">
                                                <span class="market">$0.00</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="mirora_product_action text-center position-absolute">
                                        <div class="product-rating">
                                            <span>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star"></i>
                                            </span>
                                        </div>
                                        <p class="pinfo">
                                          It is a long story......
                                        </p>
                                        <div class="product-action">
                                            <a class="same-action" href="#" title="wishlist">
                                                <i class="fa fa-heart-o"></i>
                                            </a>
                                            <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                            <a class="same-action compare-mrg" href="#">
                                                <i class="fa fa-sliders fa-rotate-90"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="mirora-product" id="artist01">
                                    <div class="product-img">
                                        <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                        <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                        <div class="product-img-overlay">
                                            <span class="product-label discount">
                                                -0%
                                            </span>
                                            <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <span class="series">Series</span>
                                        <h4><a class="pname" href="#">Customized Watch</a></h4>
                                        <div class="product-price-wrapper">
                                            <span class="money">$0.00</span>
                                            <span class="product-price-old">
                                                <span class="market">$0.00</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="mirora_product_action text-center position-absolute">
                                        <div class="product-rating">
                                            <span>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star"></i>
                                            </span>
                                        </div>
                                        <p class="pinfo">
                                          It is a long story......
                                        </p>
                                        <div class="product-action">
                                            <a class="same-action" href="#" title="wishlist">
                                                <i class="fa fa-heart-o"></i>
                                            </a>
                                            <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                            <a class="same-action compare-mrg" href="#">
                                                <i class="fa fa-sliders fa-rotate-90"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="mirora-product" id="artist01">
                                    <div class="product-img">
                                        <img src="/assets/img/products/fore.jpg" alt="Product" class="primary-image" />
                                        <img src="/assets/img/products/back.jpg" alt="Product" class="secondary-image" />
                                        <div class="product-img-overlay">
                                            <span class="product-label discount">
                                                -0%
                                            </span>
                                            <a  href="#" class="btn btn-transparent btn-fullwidth btn-medium btn-style-1">Quick View</a>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <span class="series">Series</span>
                                        <h4><a class="pname" href="#">Customized Watch</a></h4>
                                        <div class="product-price-wrapper">
                                            <span class="money">$0.00</span>
                                            <span class="product-price-old">
                                                <span class="market">$0.00</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="mirora_product_action text-center position-absolute">
                                        <div class="product-rating">
                                            <span>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star theme-star"></i>
                                                <i class="fa fa-star"></i>
                                            </span>
                                        </div>
                                        <p class="pinfo">
                                          It is a long story......
                                        </p>
                                        <div class="product-action">
                                            <a class="same-action" href="#" title="wishlist">
                                                <i class="fa fa-heart-o"></i>
                                            </a>
                                            <a class="add_cart cart-item action-cart" href="#" title="wishlist"><span>Add to cart</span></a>
                                            <a class="same-action compare-mrg" href="#">
                                                <i class="fa fa-sliders fa-rotate-90"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section> 

            <!-- Most Viewed Product area End -->

            <jsp:include page="/blog.jsp"></jsp:include>

            <jsp:include page="/letter.jsp"></jsp:include>
           
        </div>
        <!-- Main Content Wrapper Start -->

       <jsp:include page="/foot.jsp"></jsp:include>

        <!-- Scroll To Top Start -->    
        <a class="scroll-to-top" href=""><i class="fa fa-angle-double-up"></i></a>
        <!-- Scroll To Top End -->

    </div>
    <!-- Main Wrapper End -->


    <!-- ************************* JS Files ************************* -->

    <!-- jQuery JS -->
    <script src="/assets/js/vendor/jquery.min.js"></script>

    <!-- Bootstrap and Popper Bundle JS -->
    <script src="/assets/js/bootstrap.bundle.min.js"></script>

    <!-- All Plugins Js -->
    <script src="/assets/js/plugins.js"></script>
    <!-- Ajax Mail Js -->
    <script src="/assets/js/ajax-mail.js"></script>

    <!-- Main JS -->
    <script src="/assets/js/main.js"></script>


    <script type="text/javascript">
    $('#lang').magnificPopup({
    	  type: 'inline',         // 行内的类型，类比图片的模式
    	  closeBtnInside: true,   // 显示关闭按钮
    	  closeOnBgClick: false  // 点击遮罩透明背景关闭弹出层
    	});
    

    
    $(function(){
    	$("div#artist01 .primary-image").attr("src",product["artist01"].img01);
    	$("div#artist01 .secondary-image").attr("src",product["artist01"].img02);
    	$("div#artist01 .discount").text(product["artist01"].discount);
    	$("div#artist01 .pname").text(product["artist01"].pname);
    	$("div#artist01 .pname").attr("href",product["artist01"].link);
    	$("div#artist01 .btn").attr("href",product["artist01"].link);
    	$("div#artist01 .series").text(product["artist01"].series);
    	$("div#artist01 .money").text(product["artist01"].price);
    	$("div#artist01 .product-price-old").text(product["artist01"].market);
    	$("div#artist01 .pinfo").text(product["artist01"].pinfo);
    	$("div#artist01 .same-action").attr("href","javascript:toWish('artist01')");
    	$("div#artist01 .compare-mrg").attr("href","javascript:toCompare('artist01')");
    	$("div#artist01 .action-cart").attr("href","javascript:toCart('artist01')");
    	
    })
    	
    </script>
</body>

</html>
